 // 组件通用样式

// 页面容器样式
.page-container {
    padding: 24px;
    background: #fff;
    min-height: 100%;
  }
  
  // 表单布局样式
  .form-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 24px;
  
    .form-item {
      margin-bottom: 24px;
    }
  }
  
  // 表格操作列样式
  .table-operations {
    .operation-btn {
      margin-right: 8px;
      
      &:last-child {
        margin-right: 0;
      }
    }
  }
  
  // 搜索表单样式
  .search-form {
    margin-bottom: 24px;
    padding: 24px;
    background: #fafafa;
    border-radius: 2px;
  
    .form-row {
      display: flex;
      margin-bottom: 16px;
      
      .form-col {
        flex: 1;
        margin-right: 16px;
        
        &:last-child {
          margin-right: 0;
        }
      }
    }
  
    .form-btns {
      display: flex;
      justify-content: flex-end;
      
      button {
        margin-left: 8px;
      }
    }
  }
  
  // 详情页样式
  .detail-container {
    .detail-title {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 16px;
      padding-bottom: 16px;
      border-bottom: 1px solid #f0f0f0;
    }
  
    .detail-content {
      .detail-item {
        margin-bottom: 16px;
        
        .label {
          color: rgba(0, 0, 0, 0.85);
          margin-right: 8px;
        }
      }
    }
  }
  
  // 弹窗表单样式
  .modal-form {
    padding: 24px 40px 0;
  }